<template>
	<div></div>
</template>

<script lang="ts">
/* eslint-disable */
import { defineComponent } from 'vue'
import axios from 'axios'

export default defineComponent({
	props: ['time'],
	// 方式一 同步返回数据
	// async setup() {
	//     const { data } = await axios.get('/test.json');
	//     return {
	//         userInfo: data,
	//     };
	// },

	// 方式二 可以直接使用promise的结果
	setup(props) {
		return new Promise((resolve, reject) => {
			axios
				.get('./test.json')
				.then((res) => {
					setTimeout(() => {
						resolve(res.data)
					}, props.time)
				})
				.catch((err) => {
					reject(err)
				})
		})
	},
})
</script>

<style scoped></style>
